---
layout: typedoc
title: 'ColorScheme | @msrvida/sanddance-explorer'
---
<header>
<div class="tsd-page-title">
	<div class="typedoc-container">
		<ul class="tsd-breadcrumb">
			<li>
				<a href="../modules.html">@msrvida/sanddance-explorer</a>
			</li>
			<li>
				<a href="../modules/sanddance.html">SandDance</a>
			</li>
			<li>
				<a href="../modules/sanddance.types.html">types</a>
			</li>
			<li>
				<a href="sanddance.types.colorscheme.html">ColorScheme</a>
			</li>
		</ul>
		<h1>Interface ColorScheme</h1>
	</div>
</div>
</header>
<div class="container container-main">
<div class="row">
	<div class="col-8 col-content">
		<section class="tsd-panel tsd-comment">
			<div class="tsd-comment tsd-typography">
				<div class="lead">
					<p>Custom Vega color scheme.</p>
				</div>
			</div>
		</section>
		<section class="tsd-panel tsd-hierarchy">
			<h3>Hierarchy</h3>
			<ul class="tsd-hierarchy">
				<li>
					<span class="target">ColorScheme</span>
				</li>
			</ul>
		</section>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Properties</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.colorscheme.html#colors" class="tsd-kind-icon">colors</a></li>
							<li class="tsd-kind-property tsd-parent-kind-interface"><a href="sanddance.types.colorscheme.html#scheme" class="tsd-kind-icon">scheme</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Properties</h2>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="colors" class="tsd-anchor"></a>
				<h3>colors</h3>
				<div class="tsd-signature tsd-kind-icon">colors<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:258</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Array of CSS colors.</p>
					</div>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
				<a name="scheme" class="tsd-anchor"></a>
				<h3>scheme</h3>
				<div class="tsd-signature tsd-kind-icon">scheme<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in sanddance/dist/es6/types.d.ts:254</li>
					</ul>
				</aside>
				<div class="tsd-comment tsd-typography">
					<div class="lead">
						<p>Name of the color scheme.</p>
					</div>
				</div>
			</section>
		</section>
	</div>
	<div class="col-4 col-menu menu-highlight">
		<nav class="tsd-navigation primary">
			<ul>
				<li class=" ">
					<a href="../modules.html">Exports</a>
				</li>
				<li class="current tsd-kind-namespace">
					<a href="../modules/sanddance.html">Sand<wbr>Dance</a>
					<ul>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.vegadeckgl.html">Vega<wbr>Deck<wbr>Gl</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.constants.html">constants</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.searchexpression.html">search<wbr>Expression</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.specs.html">specs</a>
						</li>
						<li class="current tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.types.html">types</a>
						</li>
						<li class=" tsd-kind-namespace tsd-parent-kind-namespace">
							<a href="../modules/sanddance.util.html">util</a>
						</li>
					</ul>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/controls.html">controls</a>
				</li>
				<li class=" tsd-kind-namespace">
					<a href="../modules/util.html">util</a>
				</li>
			</ul>
		</nav>
		<nav class="tsd-navigation secondary">
			<ul class="before-current">
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colorcontext.html" class="tsd-kind-icon">Color<wbr>Context</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colormap.html" class="tsd-kind-icon">Color<wbr>Map</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colormappeditem.html" class="tsd-kind-icon">Color<wbr>Mapped<wbr>Item</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colormethod.html" class="tsd-kind-icon">Color<wbr>Method</a>
				</li>
			</ul>
			<ul class="current">
				<li class="current tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colorscheme.html" class="tsd-kind-icon">Color<wbr>Scheme</a>
					<ul>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.colorscheme.html#colors" class="tsd-kind-icon">colors</a>
						</li>
						<li class=" tsd-kind-property tsd-parent-kind-interface">
							<a href="sanddance.types.colorscheme.html#scheme" class="tsd-kind-icon">scheme</a>
						</li>
					</ul>
				</li>
			</ul>
			<ul class="after-current">
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.colorsettings.html" class="tsd-kind-icon">Color<wbr>Settings</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.column.html" class="tsd-kind-icon">Column</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.columnstats.html" class="tsd-kind-icon">Column<wbr>Stats</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.columntypemap.html" class="tsd-kind-icon">Column<wbr>Type<wbr>Map</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.headers.html" class="tsd-kind-icon">Headers</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.language.html" class="tsd-kind-icon">Language</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.legendrowwithsearch.html" class="tsd-kind-icon">Legend<wbr>Row<wbr>With<wbr>Search</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.ordinalmap.html" class="tsd-kind-icon">Ordinal<wbr>Map</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.renderoptions.html" class="tsd-kind-icon">Render<wbr>Options</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.renderresult.html" class="tsd-kind-icon">Render<wbr>Result</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.selectionstate.html" class="tsd-kind-icon">Selection<wbr>State</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.snapshot.html" class="tsd-kind-icon">Snapshot</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.tooltipoptions.html" class="tsd-kind-icon">Tooltip<wbr>Options</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.transitiondurations.html" class="tsd-kind-icon">Transition<wbr>Durations</a>
				</li>
				<li class=" tsd-kind-interface tsd-parent-kind-namespace">
					<a href="sanddance.types.vieweroptions.html" class="tsd-kind-icon">Viewer<wbr>Options</a>
				</li>
				<li class=" tsd-kind-type-alias tsd-parent-kind-namespace">
					<a href="../modules/sanddance.types.html#view" class="tsd-kind-icon">View</a>
				</li>
			</ul>
		</nav>
	</div>
</div>
</div>
<div class="overlay"></div>